@extends('admin.layouts.common')

@section('style')
<style media="screen">
	.el-card-ct{
		overflow: hidden;
	}
	.app-icon-box{
		text-align: center;
		width: 75px;
		height: 75px;
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
		color:#FFF;
		transition: all 0.2s;
		cursor: pointer;
		border-radius: 5px;
		opacity: 1;
	}
	.app-icon-box:hover{
		opacity: 0.5;
	}
</style>
@endsection

@section('Main')
<el-row :gutter="20">
	<el-col :md="8">
		<el-card class="box-card box-card-md">
			<div slot="header">
				<span class="span-primary"><i class="fa fa-folder-open"></i></span>
				常用功能
			</div>
			<div class="el-card-ct">
				<div class="app-icon-box" style="background-color: #E6A23C;">
					<h2><i class="fa fa-user"></i></h2>
					<h5>用户管理</h5>
				</div>
				<div class="app-icon-box" style="background-color: #409EFF;">
					<h2><i class="fa fa-gift"></i></h2>
					<h5>士大夫发</h5>
				</div>
				<div class="app-icon-box" style="background-color: #67C23A;">
					<h2><i class="fa fa-graduation-cap"></i></h2>
					<h5>热有一天</h5>
				</div>
				<div class="app-icon-box" style="background-color: #67C23A;">
					<h2><i class="fa fa-pie-chart"></i></h2>
					<h5>免费得到</h5>
				</div>
				<div class="app-icon-box" style="background-color: #F56C6C;">
					<h2><i class="fa fa-bar-chart"></i></h2>
					<h5>仍然认为</h5>
				</div>
				<div class="app-icon-box" style="background-color: #E6A23C;">
					<h2><i class="fa fa-area-chart"></i></h2>
					<h5>出场次数</h5>
				</div>
				<div class="app-icon-box" style="background-color: #F56C6C;">
					<h2><i class="fa fa-line-chart"></i></h2>
					<h5>谔谔委屈</h5>
				</div>
				<div class="app-icon-box" style="background-color: #409EFF;">
					<h2><i class="fa fa-black-tie"></i></h2>
					<h5>跑违法发</h5>
				</div>
			</div>
		</el-card>
	</el-col>
</el-row>
<script type="text/javascript">
var Main = new Vue({
	el:"#Main",
	data:{

	},
	methods:{

	}
});
</script>
@endsection
